<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="./shop_card.css">
    <title>店铺名片编辑</title>
</head>

<body>
  <div id="content-box">
    <div class="header navigationBar">
      	<div class="wrapper">
          	<span id="btn-back" class="header-btn left-btn backtrack"></span>
          	<span class="title">编辑店铺</span>
            <!-- @click="saveCard" -->
          	<span class="right-btn">保存</span>
      	</div>
  	</div>
  	<div class="container top-container" style="display:none">
  		<div class="shop_card_top">
  			<div class="shop_card_box">
  				<section>
  					<img :src="logo"/>
  					<h2 v-text="shopName"></h2>
  				</section>
  				<p v-text="shop_intro">
  				</p>
  			</div>
  		</div>
  		<ul class="shop_card_list">
  			<li @click="cardLogo">
  				<h2>店铺LOGO</h2>
  				<img class="card_list_logo" :src="logo"/>
  				<i class="aui-iconfont aui-icon-right"></i>
  			</li>
  			<li class="shopName">
  				<h2>店铺名称</h2>
          <input class="shop_name" type="text" placeholder="请输入店铺名称" v-model="shopName" maxlength="20"/>
  			</li>
        <li class="address" @click="choicAddress">
  				<h2>店铺地址<span>*</span></h2>
          <input type="text" class="address-input" placeholder="请选择" disabled="disabled" :value="location">
          <i class="aui-iconfont aui-icon-right"></i>
  			</li>
  			<li @click="cardExplain">
  				<h2>店铺简介<span>*</span></h2>
          <textarea placeholder="请填写店铺简介,五百字以内" class="cardExplain" maxlength="500" rows="8" cols="80" class="cardExplain" v-model="shop_intro"></textarea>
  			</li>
  			<li>
  				<h2>选择店铺名片展示图片</h2>
  				<div class="shop_card_img">
            <span>（为了店铺美观，建议上传2:1的图片）</span>
  					<div class="shop_card_show" v-for="(item,index) in imgarr">
  						<img :src="item.url" class="cover-img"/>
  						<span @click="delImg" :data-index="index"><img :data-index="index" src="../../../image/shop/buy/buy-44.png"/></span>
  						<!-- <p @click="addLink" :data-index="index" v-text="item.name && item.name!=' ' ? item.name : '添加商品链接'">添加商品链接</p> -->
              <img :data-index="index" v-if="item.name && item.name!=' '" class="write-shop-name" src="../../../image/shop/edit_btn.png"/>
  					</div>
  					<div class="shop_card_img_file">
	  					<div class="shop_card_file" v-if="imgarr.length<1" @click="getPictureS()">
	  						<i class="aui-iconfont aui-icon-plus"></i>
	  						<p>添加图片</p>
	  					</div>
  					</div>
  				</div>
  			</li>
  		</ul>
      <!-- <div class="saveShopImg">
        <button @click="saveShopImg">保存店铺广告位图片</button>
      </div> -->
  	</div>
  </div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./shopCard.js"></script>
</html>
